@charset "utf-8";
/* CSS Document */



/* ============================= 鍝嶅簲寮� CSS ============================= */
.desktops-section {
	display:block;
}
.mobile-section {
	display:none;
}
.touch-top-wrapper {
	padding:10px 15px;
	background-color:#fff;
	color:#fff;
}
.touch-logo {
	float:left;
}
.touch-navigation {
	display:none;
}
.touch-toggle-wrapper {
	margin:0 -10px;
}
.touch-toggle {
	position:absolute;
	right:10px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
.touch-toggle li a {
	height:70px;
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left:none;
}
.touch-toggle .touch-toggle-item-last {
	border-right:none;
}
.touch-toggle li a {
	display:block;
	font-size:12px;
}
.touch-toggle li i {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.touch-toggle .touch-icon-language {
	background-image:url(../images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image:url(../images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image:url(../images/touch-icon-search.png);
}
.touch-toggle .touch-icon-menu {
	background-image:url(../images/touch-icon-menu.png);
}
.touch-toggle li span {
	display:none;
	text-align:center;
}
.drawer-section {
	background-color:#272a33;
	padding:20px 20px 35px;
	display:none;
}
.touch-language li {
	width:49.9%;
	float:left;
}
.touch-language li a {
	display:block;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	color:#fff;
}
.touch-language li a:hover, .touch-language li a:active {
	background-color:#21232b;
}
.touch-search {
	border:1px solid #3a3f4d;
	position:relative;
}
.touch-search-form {
	padding:0 50px 0 10px;
}
.touch-form-text {
	border:none;
	margin:0;
	background-color:transparent;
	padding:0;
	color:#999;
	width:100%;
	height:42px;
	line-height:42px;
}
.touch-form-btn {
	border:none;
	padding:0;
	margin:0;
	background-color:transparent;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:42px;
	height:42px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/touch-icon-search.png) no-repeat center;
	background-size:16px 16px;
}
.touch-form-btn span {
	display:none;
}
.drawer-section-menu .menu-main-container ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.drawer-section-menu .menu-main-container ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.drawer-section-menu .menu-main-container ul li a:hover, .menu-main-container ul li a:active {
	background-color:#21232b;
}
.drawer-section-menu .menu-main-container ul li i {
	position:absolute;
	top:19px;
	right:5px;
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-right {
	display:none;
	background-image:url(../images/touch-arrow-r.png);
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-down {
	background-image:url(../images/touch-arrow-d.png);
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-up {
	background-image:url(../images/touch-arrow-u.png);
}
.drawer-section-menu .menu-main-container ul ul {
	display:none;
	margin:0;
	padding:0 10px 30px 30px;
}
.drawer-section-menu .menu-main-container ul ul li {
	border-bottom:none;
	margin:0;
	padding:0;
}
.drawer-section-menu .menu-main-container ul ul li a {
	padding:0;
	padding-left:5px;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.drawer-section-menu .menu-main-container ul ul li i {
	top:13px;
}
/* index page */



@media only screen and (max-width:991px) {
.header{ display:none;}


.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0;}
.touch-navigation {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0 0;}
.touch-top-wrapper .touch-logo img {	height:50px;	display:block;}

	
	.mainnav > ul.menu > li {
		height:auto;
	}

	.mainnav > ul.menu > li a {
		height:auto; color: #fff; line-height: 30px; text-align: left; width:100%; display: block; font-size: 14px; font-weight: bold; border-bottom: 1px dashed #515151;
	}
	.mainnav ul.menu > li > a:after {
		width:0px;
	}

	.mainnav ul.menu > li:hover > .submenu {
		top:100%;
	}

	#mainnav-mobi ul > li > a >.submenu {
		position:relative;top:0px;right:0px;width:100%;background-color:#222222;opacity:1;visibility:visible;z-index:99;padding:30px;word-spacing:4px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
	}

	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row h3 {
		word-spacing:2px;cursor:pointer;font-weight:400;font-size:15px;margin-bottom:0px;padding:15px 0 15px 20px;
	}

	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row .btn-submenu {
		top:-15px;
	}

	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row ul {
		padding-left:30px;word-spacing:2px;padding-right:40px;
	}

	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row ul li {
		border-top:none;border-bottom:1px solid #333;
	}

	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row ul li > a {
		padding-left:5px;
	}

	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row:nth-child(2),
	#mainnav-mobi ul.menu li.has-mega-menu .submenu .row .show,
	.box-right .img-line img:first-child,
	.box-left .img-line img:first-child,
	.flat-newsletter .form-newsletter .right {
		display:none;
	}

	#mainnav-mobi ul > li > a >.submenu li a {
		color:#484848;
	}
	#mainnav-mobi ul li ul{ display:none;}
	ul.menu li.column-1 .submenu {
		width:100%;background:#222222;border-radius:0px;position:relative;top:-3px;opacity:1;word-spacing:2px;visibility:visible;padding:0;
	}
	
}

@media only screen and (max-width: 640px) {
	#topmain{ display:none;}
	#logo{ margin:0 auto; padding:0; width:100%; height:80px; max-width:1000px;}
#logo-left{ margin:0; padding:0; width:70%; height:50px; padding:5px 0; float:left;}
#logo-right{ display:none;}
#menumain{ display:none;}
#banner{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexgun{ margin:30px auto; padding:0; width: 94%; border-radius: 3px; height:auto; padding:3%;}
#indexabout11{ margin:0; padding:5px 2%; width:96%; height:auto; float:left; }
#indexabout12{ margin:0;padding:5px 2%; width:96%; height:auto; float:left;}
#indexabout13{ margin:0; padding:5px 2%; width:96%;height:auto; float:left;}	

#indexpro12{ max-width:1000px; height:auto;  }

#list221{ margin:0; padding:0; width:47%; border: 1px solid #e3e3e3; height:auto; margin: 1%; float:left;}
#list221:hover{ background: url(image/a1.jpg) no-repeat;}
#listblank7{ margin:0; padding:0; width:100%; height:5px;}
#listpro{ margin:0; padding:0; width:100%; height:auto;}
#listpro a{ margin:0; padding:0; width:100%; height:auto;}
#listpro img{ margin:0; padding:0; width:100%; height:auto;} 
	
#listproname{ margin:0; padding:0; width:100%; height:auto;}
#listproname a{ margin:0; padding:8px 0; width:100%; height:auto; border:0; display:block; font-family:"微软雅黑", "宋体"; font-size:12px; color:#000; text-align:center; text-decoration:none; line-height:20px;}
#listproname a:hover{ color:#58B530;}
#listproname1{ display: none;}
	
#indexnew1{ margin:0; padding:2%; width:96%; height:auto; float:left;}	
#indexnew2{ margin:0; padding:2%; width:96%; height:auto; float:left;}	
#indexnew3{ margin:0; padding:2%; width:96%; height:auto; float:left;}	
			
#conline{ margin:0 auto; padding:0; width:100%; height:auto;border-bottom:1px solid #ccc; background: #f3f3f3;}
#conlineleft{ margin:0; padding:0 2%; width:96%; height:auto; float:left;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:16px; color:#666; text-align:left; text-decoration:none; line-height:50px; font-weight: normal;}
#conlineright{display: none;}
#conlineright a{ font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B7B; text-align:right; text-decoration:none; line-height:22px; font-weight: normal;}
#conlineright a:hover{ color::#E3001B;}	
	
	#conleft{ margin:0; padding:0 2%; width:96%; height:auto; float:left;}
		#conright{ margin:0; padding:0 2%; width:96%; height:auto; float:left;}
	#conleft2{ display:none;}	
.prori ul li {
	float:left;
	width:46%;
	height:auto;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	margin:8px 2%;;
	
}	
.prori ul li img {max-width: 100%; height: auto;}		
.prori ul li .proliname span {display:none;}
.prori ul li .prolicover	{display:none;}
.prori ul li .prolitext	{display:none;}
	.prori ul li .prolimore	{display:none;}

.news_list li {
	padding:10px; width: 100%;
	border-bottom:1px solid #eee;
	font-size:14px;
	line-height:30px;
	color:#999;
	clear:both;
	height:auto
}
.news_list li img{
	width: 100%; float: left; height: auto;}	
.news_list li h5 { width:100%; height: auto;font-size:14px;	line-height:20px;	font-weight:normal;	text-decoration:none;}
.news_list li p {
	max-height:auto;width:100%;
	overflow:hidden;
	display:block
}
.news_list li span {
	background:url(../images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:12px;
	line-height:20px;
	color:#CCC
}	
	
#indexlink	{ display: none;}
#footsite{ display: none;}
#footleft{ margin:0; padding:0; width:100%; height:auto; float:left;}	
#footright{ display: none;}	
	
}